<template>
    <div class="sign-wrapper">
        <div @click="toIndex" style="height: 70px;background-color: blue;display: flex">
            <div style="display: flex;justify-content: center;position: absolute;top: 23px">
                <i class="el-icon-arrow-left" style="color: white;z-index: 10000"></i>
            </div>
            <div style="display: flex;align-items: center;width: 100%;justify-content: center">
                <span style="color: white;font-size: 18px">登陆界面</span>
            </div>
        </div>
        <div class="ele-icon">
            <i class="el-icon-platform-eleme" style="color: dodgerblue;font-size: 45px"></i>
            <span style="font-size: 18px;color: dodgerblue"> 饿了么登录</span>
        </div>
        <div class="form-submit">
            <form action="">
                <div style="display: flex;height: 60px;align-items: center">
                    <label for="" style="font-size: 16px;width: 90px">手机号码:</label>
                    <el-input
                            placeholder="请输入手机号码"
                            suffix-icon="el-icon-user"
                            v-model="input1">
                    </el-input>
                </div>
                <div style="display: flex;height: 60px;align-items: center">
                    <label for="" style="font-size: 16px;width: 90px"><span style="margin-left: 10px">密码:</span></label>
                    <el-input
                            placeholder="请输入密码"
                            suffix-icon="el-icon-warning"
                            v-model="input2"
                    type="password">
                    </el-input>
                </div>
                <div class="tologin">
<!--                    <div style="width: 90px"></div>-->
                    <el-button type="success">登录</el-button>
                    <el-button type="info" plain @click="tologin">去注册</el-button>
                </div>
            </form>
        </div>
    </div>
</template>

<script>
    export default {
        name: "sign",
        data(){
          return{
              input1:'',
              input2:''
          }
        },
        methods:{
            toIndex(){
                this.$router.push('/');
                this.$store.state.indexCurrent = 0;
                this.$store.state.currentNumber = 1
            },
            tologin(){
                this.$router.push('/login');
            }
        }
    }
</script>

<style scoped>
    .ele-icon{
        margin-top: 20px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .form-submit{
        margin-top: 20px;
    }
    .tologin{
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
